.card-background-page {

  ion-card {
    position: relative;
  }

  .item-md.item-block .item-inner {
    padding-right: 1px;
    padding-left: 1px;
  }

  .label-md {
    margin: 0 0 0 0;
  }

  .card-md {
    margin: 0 0px 0 0;
    width: calc(100%-10px);
  }

  .card-content-md {
    padding: 8px 16px;
  }

  .card-title {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.8em;
    width: 100%;
    font-weight: bold;
    color: #fff;
  }

  .card-subtitle {
    font-size: 1.2em;
    position: absolute;
    top: 50px;
    left: 10px;
    width: 100%;
    color: #fff;
  }

  .segment-md .segment-button.activated, .segment-md .segment-button.segment-activated {
    color: #488aff;
  }

  .segment-md .segment-button {
    color: black;
    font-size: 14px;
  }


  .text-input-md {
    height: 26px;
    border: 1px #f0f0f0 solid;
    background-color: #f0f0f0;
    color: black;
    width: 80%;
    border-radius: 120px;
    text-indent: 8px;
    margin-top: 6px;
  }

  .minWidth {
    border-width: 30px;
  }
}

.buttonscss{
  z-index:2;
  background : linear-gradient(left,rgba(192, 192, 192, 0.1) 80%);
  box-shadow : 0px 4px 3px -3px rgba(142, 136, 146, 0.75);//图片地下的阴影
  margin-top : 2%;
  height: 0px;
}

.divcard{
  position: relative;
  background:linear-gradient(bottom,#eeeef1,white 100%,white);
  box-shadow: 0px 4px 3px -3px rgba(142, 136, 146, 1);
  width: 95%;
  left: 2.5%;
  // height: 250px;
  text-align: center;
  h3{
      color: rgba(68, 68, 68, 0.85)
  }
  p{
      color: rgba(68, 68, 68, 0.75);
  }
  span{
      color: rgba(68, 68, 68, 0.75);
      font-weight: bold;
  }
  
}